.ss-platform-home {
  &-wraper {
    flex: 1;padding: 20px 0;background-color: #f5f5f5;box-sizing: border-box;
  }
  margin: 0 auto;max-width: 1340px;
  .box {
    margin-top: 0;position: relative;
    &-hover {
      background-color: #fff;border-radius: 8px

    }
    .list {
      padding: 20px;
      &:before {display: none;}
      &:after {left: 20px;right: 20px;
        content: " ";position: absolute;
        bottom: 0;
        background-color: #ececec;
        height: 1px;
        width: auto;
        font-size: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
        z-index: 1;
        visibility: visible;
      }
      .header {
        display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 1px 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0;min-height: 0;font-size: 16px;color: #000;line-height: 22px;text-align: left;
      }
      .body {
        padding: 20px 0 0;margin: -20px 0 0 -20px;
        &:after {content: "";width: 100%;clear: both;overflow: hidden;height: 1px;font-size: 0;display: block;}
        .cell {
          float: left;margin-left: 20px;margin-top: 20px;width: 100px;cursor: pointer;overflow: hidden;position: relative;overflow: visible !important;
          .thumb {
            position: relative;margin: 0 auto;width: 100px;border-radius: 6px;overflow: hidden;box-shadow: 0 8px 16px rgb(0 0 0 / 5%);
            &.create {
              background-color: #fff;
              .icon {
                position: absolute;left: 50%;top: 50%;margin-left: -10px;margin-top: -10px;width: 20px;height: 20px;
                &:before {
                  content: "\E004";text-align: center;font-weight: 400 !important;text-decoration: none !important;
                  -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-stroke-width: .22px;position: relative;
                  font-family: ssicon;padding: 0;font-size: 20px;line-height: 20px;color: #666;
                }
              }
            }
            &:before {
              content: "";display: block;width: 100%;padding-bottom: 100%;
            }
            img {
              position: absolute;left: 50%;top: 50%;display: block;max-width: 100%;max-height: 100%;transform: translate(-50%, -50%);border-radius: 6px;
            }
          }
        }
        .title {
          margin-top: 8px;font-size: 13px;line-height: 16px;height: 32px;text-align: center;white-space: normal;overflow: hidden;
          text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;
        }
      }
    }
  }
}
